﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="google-site-verification" content="4st4ki5585g6DlepbbFy-Sa-b10DKq1klis4Nsql3xA" />
    <title>Kavadenn: add place</title>
    
    <link href="/static/css/kavadenn.css" rel="Stylesheet" type="text/css" />
    <link rel="stylesheet" href="/static/css/jquery.wysiwyg.css" type="text/css" />
    <link rel="stylesheet" href="/static/css/jquery.fancybox-1.3.1.css" type="text/css" />
    
</head>
<body>
    <div id="header">
        <a href="/"><h1>kavadenn</h1></a>
    </div>

    <div id="content">
        <div id="addPlaceSectionHeader">
            <h2>Explorer</h2>
            <p>partagez votre endroit préféré avec les autres. tous les champs sont <span style="color:Red;">obligatoires</span></p>
        </div>
        
        <form id="formAddPlace" enctype="multipart/form-data" action="/places/add/" method="post">
            <p>
                <h3><strong>1</strong> Préciser le nom de l'endroit</h3>
                {{ placeForm.name.errors }}
                {{ placeForm.name }}
            <p>
       
            <p>
                <h3><strong>2</strong> La description suivante sera associée à l'endroit</h3>
                {{ placeForm.description.errors }}
                {{ placeForm.description }}
                <p style="font-size:smaller;color:#767676;">cette description sera visible sur la page de l'endroit</p>
            </p>
       
            <p>
                <h3><strong>3</strong> Précisez les catégories pertinantes (separées par des virgules)</h3>
                {{ placeForm.tags.errors }}
                {{ placeForm.tags }}
                <p style="font-size:smaller;color:#767676;">par exemple: plage, port, voile</p>
            </p>
       
            <input type="hidden" name="userId" id="id_userId" />
            <input type="hidden" name="latitude" id="id_latitude" />
            <input type="hidden" name="longitude" id="id_longitude" />
            <input type="hidden" name="sThumbUrl" id="id_sThumbUrl" />
            <input type="hidden" name="mThumbUrl" id="id_mThumbUrl" />
            
            <p>
                <h3><strong>4</strong> La carte de l'endroit</h3>
                <div id="map_canvas" style="height:300px;"></div>
            </p>
       
            <p>
                <h3><strong>5</strong> Choisissez une image à associer avec cet endroit</h3>
                
                <div id="images_panel">
                    <div>
                        Vous pouvez télécharger une image depuis votre ordinateur (la taille maximum est de 1 mega)
                        <button id="id_upload_image">
                           télécharger image
                        </button>
                    </div>
                    <div id="pics"></div>
                </div>
            </p>
            
            <p class="formToolbar">
                <center>
                    <button id="id_addPlaceFormSubmit">
                        +Ajouter
                    </button>
                </center>
            </p>
        </form>

        <div id="fb-root"></div>
    </div>

    <script src="/static/js/jquery/jquery.js" type="text/javascript"></script>
    <script src="/static/js/jquery/ajaxupload.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.wysiwyg.js"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.fancybox-1.3.1.js"></script>
    
    
    <script src="/static/js/base/flex.background.js" type="text/javascript"></script>
    <script src="/static/js/base/NotificationManager.js" type="text/javascript"></script>
    
    <script src="/static/js/places/explorer/PlaceExplorerApplication.js" type="text/javascript"></script>
    <script src="/static/js/places/explorer/PlaceExplorerMap.js" type="text/javascript"></script>
    <script src="/static/js/places/explorer/PlaceExplorerImages.js" type="text/javascript"></script>
    <script src="/static/js/places/explorer/PlaceExplorerSocial.js" type="text/javascript"></script>
    
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script src="http://connect.facebook.net/fr_FR/all.js" type="text/javascript"></script>

    <script type="text/javascript">
        /* <![CDATA[ */
        $(document).ready(function() {
            var application = new places.PlaceExplorerApplication({});
            application.run();
        });
        /* ]]> */
    </script>    
    
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-16511791-1']);
        _gaq.push(['_setDomainName', '.kavadenn.net']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
</body>
</html>
